<!--
 * @Description: 
 * @Author: Wen
 * @Date: 2024-11-04 16:56:25
 * @LastEditors: Wen
 * @LastEditTime: 2024-11-04 17:17:48
 * 太棒了，又坚持了一天
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css学习</title>
    <link rel="stylesheet" href="./css/css.css" >
    <style>
        /* div{
            color: red;
            font-size: 12px;
        } */
         #iss{
            color: red;
            font-size: 12px;
         }
    </style>
</head>
<body>
    <h1>css和html文件结合使用的三种方式</h1>
    <h2>1.内在样式联系</h2>
    <div>在html标签中,使用style属性指定css样式</div>
    <div style="color:red;font-size:12px;">css内联样式</div>
    <h2>2.内部样式表</h2>
    <div>外部样式表是独立在.css文件中，在html文件中内部head标签中使用style标签中 </div>
    <div>内部样式表</div>
    <div id="oSS">外部样式表</div>
</body>
</html>